<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
<title>Bootstrap 3</title>
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-md-8">
				<h1 class="page-header">主体</h1>
				<p class="visible-xs alert alert-info">我們有支持IOS</p>
				<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Culpa,volupatate quibusdam nihil exercitationem dolore odit ipsum eaque laudantium modi cupiditate doloremque corporis corrupti
					dolorum aspernatur minima at inventore assumenda totam.</p>
				<div class="row">
					<div class="col-md-4">
						<h2>区块一</h2>
						<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Culpa,volupatate quibusdam nihil exercitationem dolore odit ipsum eaque laudantium modi cupiditate doloremque corporis corrupti
							dolorum aspernatur minima at inventore assumenda totam.Lorem ipsum dolor sit amet,consectetur adipisicing elit.Culpa,volupatate quibusdam nihil exercitationem dolore odit ipsum eaque laudantium modi cupiditate doloremque corporis corrupti
							dolorum aspernatur minima at inventore assumenda totam.</p>
					</div>
					<div class="col-md-4">
						<h2>区块二</h2>
						<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Culpa,volupatate quibusdam nihil exercitationem dolore odit ipsum eaque laudantium modi cupiditate doloremque corporis corrupti
							dolorum aspernatur minima at inventore assumenda totam.</p>
					</div>
					
					<div class="clearfix"></div>
					<div class="col-md-4 ">
						<h2>区块三</h2>
						<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Culpa,volupatate quibusdam nihil exercitationem dolore odit ipsum eaque laudantium modi cupiditate doloremque corporis corrupti
							dolorum aspernatur minima at inventore assumenda totam.</p>
					</div>
					<div class="col-md-6 col-md-offset-6">
						<h2>区块四</h2>
						<p  class="alert alert-info">Lorem ipsum dolor sit amet,consectetur adipisicing elit.Culpa,volupatate quibusdam nihil exercitationem dolore odit ipsum eaque laudantium modi cupiditate doloremque corporis corrupti
							dolorum aspernatur minima at inventore assumenda totam.</p>
					</div>
					<div class="col-md-6">
						<h2>区块五</h2>
						<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Culpa,volupatate quibusdam nihil exercitationem dolore odit ipsum eaque laudantium modi cupiditate doloremque corporis corrupti
							dolorum aspernatur minima at inventore assumenda totam.</p>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				<h1 class="page-header">边栏</h1>
				<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Culpa,volupatate quibusdam nihil exercitationem dolore odit ipsum eaque laudantium modi cupiditate doloremque corporis corrupti
					dolorum aspernatur minima at inventore assumenda totam.</p>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="lib/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>